<template lang="html">
  <div class="box">
    <header-title :titlemain='title'></header-title>
    <ul class="main_box">
      <li>
        <h2>{{priecshuju.yue}}</h2>
        <p>账户余额</p>
      </li>
      <li>
        <h2>{{priecshuju.jifen}}</h2>
        <p>可用积分</p>
      </li>
    </ul>
    <ul class="list_main">
      <li>
        <router-link to="/gerenrecharge">充值<i></i></router-link>
      </li>
      <li>
        <router-link to="/gerenjifen">积分明细<i></i></router-link>
      </li>
      <li>
        <router-link to="/gerentixain">余额提现<i></i></router-link>
      </li>
      <li>
        <router-link to="/gerentixianmain">提现明细<i></i></router-link>
      </li>
    </ul>
  </div>
</template>
<script>
import title from "../geren/header_title.vue";
export default {
  name: 'geren',
  data () {
    return {
      title:"账号管理",
      priecshuju:{}
    }
  },
  methods:{
    geranshuju:(boxmain)=>{
      let cur_id = sessionStorage.getItem("cur_id"),
      sign = sessionStorage.getItem("sign"),
      conent1 = boxmain,
      _url = "/index.php?g=app&m=shopping&a=center_info_post";
      let _data = {
        cur_id:cur_id,
        sign:sign
      }
      conent1.$http.post(_url,_data).then(function(data){
          if(data.data.status== "1"){
            conent1.priecshuju =data.data.data.center_info;
          }else {
            
          }
      },function(response){
          conent1.$toast(response);
      })
    }
  },
  created:function(){
    let conent = this;
    conent.geranshuju(conent)
  },
  components:{
    'header-title':title
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.box {
  .main_box{
    width: 100vw;
    height: 33.333vw;
    background-image: url('../../../assets/img/banner/beijing.png');
    background-repeat: no-repeat;
    background-size: 100vw 33.33vw;
    background-position: center; 
    color: @color1;
    overflow: hidden;
    zoom:1;
    li{
      width: 50%;
      float: left;
      color: @color1;
      h2{
        margin-top: 10vw;
        width: 50vw;
        line-height: 5vw;
        .font_space(1);
        font-size: @h6_font_size;
      }
      p{
        margin-top: 4vw;
        font-size: @h3_font_size
      }
    }
  }
  .list_main{
    width: 100vw;
    li{
       width: 100%;
      border-bottom: solid 1px @color8;
      text-align: left;
      font-size: @h1_font_size;
      a{
        width: @width;
        margin: 0 auto;
        display: block;
        line-height: 12vw;
        color: @color7;
        overflow: hidden;
        zoom:1;
        i{
           display: inline-block;
          float: right;
          margin-top: 4vw;
          margin-left: 2vw;
          .icon-gengduo-2();
        }
      }
    }
  }
}
</style>